<template>
  <div id='header-title'>
      <span class='home' @click='headerGo'></span>
      {{headerTitle}}
  </div>
</template>
<script>
  export default {
    props:['headerTitle'],
    methods:{
      headerGo(){
        this.$emit("headerGo");
      }
    }
  }
</script>
<style scoped>
    #header-title{
        position: fixed;
        width: 100%;
        height: 55px;
        z-index:2;
        background: white;
        border-bottom:1px solid #eee;
        text-align: center;
        font-size:18px;
        line-height: 55px;
        letter-spacing: 1px;
    }
    .home{
        position: absolute;
        display: inline-block;
        left:10px;
        width:45px;
        height: 100%;
        background: url('../../../static/img/home.png') no-repeat 1rem center;
        background-size: 20px 19px;
    }
</style>
